<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html" ; charset="utf-8" />
    <title></title>

    <link href="./public/h5/css/all.css" rel="stylesheet" type="text/css">
    <link href="./public/h5/js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./public/h5/js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">

</head>

<body>
        <div class="div_find">
            
                <label class="find_labela">当前数据库：</label><select class="find_input" id="myselect_db">
                        
                        <%if(!db_name || db_name === ''){%>
                            <option>请选择数据库</option>
                            <%}else{%>
                        <% for(let i=db_list.length - 1; i>0; i--) {%>
                            <%if(db_name === db_list[i].Database){%>
                                <option selected = "selected"><%=db_list[i].Database %></option>
                            <%}else{%>
                                <option><%=db_list[i].Database %></option>
                                <%}%>
                            <%}%>
                            <%}%>
                
                    </select>
                    <label class="find_labela">当前表格：</label><select class="find_input" id="myselect_tab">
                            
                            <%if(table_list.length === 0){%>
                                <option>请选择表格</option>
                                <%}else{%>
                            <% for(let i=db_list.length - 1; i>0; i--) {%>
                                <%if(tab_name === table_list[i].table_name){%>
                                    <option selected = "selected"><%=table_list[i].table_comment(table_list[i].table_name) %></option>
                                <%}else{%>
                                    <option><%=table_list[i].table_comment(table_list[i].table_name) %></option>
                                
                                    <%}%>
                                <%}%>
                                <%}%>
                    
                        </select>
            </div>
    <p>
        <table id="table" class="table_style" style="margin: 0 auto" data-toolbar="#toolbar">
            <!-- <tr><td><input type='checkbox'/></td><td>数据库</td><td>操作</td></tr> -->
            <%if(data && data.length > 0){%>
            <% for(let i=data.length - 1; i>0; i--) {%>
            <tr>
                <td><input type='checkbox' /></td>
                <td>
                    <%=i %>
                </td>
                <td>
                    <%=data[i].table_name %>
                </td>
                <td>
                    <%=data[i].table_comment %>
                </td>
                <td>
                   
                </td>
            </tr>

            <%}%>
            <%}else{%>
                暂无数据！
                <%}%>
        </table>
    </p>

    <script src="./public/h5/js/jquery/jQuery-2.2.0.min.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap.min.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap-table.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="./public/h5/js/date/js/laydate.js"></script>
    <script>
        
        $("#myselect").change(function(){
            const db_name=$("#myselect").val();
            document.location.href = `/table_list.html?db_name=${db_name}`
        });
        function chooseDB(db_name) {
            //localStorage.setItem('db_name', db_name);
            setCookies('db_name', db_name, 0);
            document.location.reload();
        }
    </script>
    <script>
        !function () {
            laydate.skin('danlan');//切换皮肤，请查看skins下面皮肤库
            laydate({ elem: '#demo' });
            laydate({ elem: '#demo1' });//绑定元素
        }();
    </script>

    <script type="text/javascript">
    
        $(function () {
            $('#table').bootstrapTable({
                // method: "get",
                toolbar: '#toolbar',              //工具按钮用哪个容器
                striped: true,
                singleSelect: false,
                // url: "json/allFind.json",
                dataType: "json",
                pagination: true, //分页
                pageSize: 15,
                pageNumber: 1,
                search: true, //显示搜索框
                // strictSearch: true,
                showRefresh: true,                  //是否显示刷新按钮
                // clickToSelect: true,                //是否启用点击选中行
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                contentType: "application/x-www-form-urlencoded",
                queryParams: null,
                // uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                // sortable: true,      //是否启用排序
                // sortOrder: "desc",     //排序方式
                columns: [
                    {
                        checkbox: "true",
                        field: 'check',
                        align: 'center',
                        valign: 'middle'
                    }
                    ,
                    {
                        title: "编号",
                        field: 'id',
                        align: 'left',
                        valign: 'middle',
                        width: '1%'
                    },
                    {
                        title: "名称",
                        field: 'table_name',
                        align: 'center',
                        valign: 'middle',
                        width: '15%'
                    },
                    {
                        title: "描述",
                        field: 'table_comment',
                        align: 'center',
                        valign: 'middle',
                        width: '15%'
                    },
                    {
                        title: '操作',
                        field: 'opear',
                        align: 'center',
                        // formatter: function (value, row) {
                        //     var e = '<a  href="#" title="提案评价" onclick="openlayer('+1+')">删除</a> ';


                        //     return e ;
                        // }
                    }
                    // {
                    //     title: '操作',
                    //     field: 'class',
                    //     align: 'left',
                    //     valign: 'middle'
                    // },
                    // {
                    //     title: '案由',
                    //     field: 'resouce',
                    //     align: 'center',
                    //     valign: 'middle'
                    // },
                    // {
                    //     title: '提案者',
                    //     field: 'person',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '办理单位',
                    //     field: 'part',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '签收期限',
                    //     field: 'date01',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '签收状态',
                    //     field: 'getType',
                    //     align: 'center',
                    //     formatter: function (cellval, row) {
                    //         //var cellval=$("#station").val();
                    //         if (cellval == '未签收') {
                    //             return '<div  style="color:red">' + cellval + '</div>';
                    //         } else if (cellval == '已签收') {
                    //             return '<div  style="color:green">' + cellval + '</div>';
                    //         } else {
                    //             return cellval;
                    //         }
                    //     }
                    // },
                    // {
                    //     title: '办理期限',
                    //     field: 'date02',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '办理情况',
                    //     field: 'overType',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '提案状态',
                    //     field: 'type',
                    //     align: 'center'
                    // },

                    // {
                    //     title: '操作',
                    //     field: 'opear',
                    //     align: 'center',
                    //     formatter: function (value, row) {
                    //         var e = '<a  href="#" title="查看详情" onclick="handleEvent(\'' + row.id + '\')">编辑</a> ';


                    //         return e;
                    //     }
                    // }
                ]
            });
        })

    </script>
    <script src="./public/h5/js/layer_v2.1/layer/layer.js"></script>
    <script>
        function openlayer(id) {
            layer.open({
                type: 2,
                title: '意见填写',
                shadeClose: true,
                shade: 0.5,
                skin: 'layui-layer-rim',
                //            maxmin: true,
                closeBtn: 1,
                area: ['98%', '92%'],
                shadeClose: true,
                closeBtn: 1,
                content: 'feedBook.html'
                //iframe的url
            });
        }
        // function openlayer(id) {
        //     layer.open({
        //         type: 2,
        //         title: '添加信息',
        //         shadeClose: true,
        //         shade: 0.5,
        //         skin: 'layui-layer-rim',
        //         //            maxmin: true,
        //         closeBtn: 1,
        //         area: ['98%', '92%'],
        //         shadeClose: true,
        //         closeBtn: 1,
        //         content: 'lay01.html'
        //         //iframe的url
        //     });
        // }
    </script>
    <script>
        $(function () {
            $(".find_span").click(function () {
                $("#open").show();
                $(this).hide();
                $(".find_span1").show();
                $("#but_close02").hide();
                $("#but_open").hide();

            })
            $(".find_span1").click(function () {
                $("#open").hide();
                $(this).hide();
                $(".find_span").show();
                $("#but_open").show();
                $("#but_close02").show();

            })

        })
    </script>

</body>

</html>